<template>
	<view class="body">
		<view class="list" style="padding: 20rpx;">
			<view style="color: #000;font-size: 30rpx;">{{detail.title}}</view>
			<view style="color: #999;font-size: 26rpx;margin-top: 10rpx;">{{detail.create_time}}</view>
		</view>
		<view class="content">
			<view class="jui_mar_t20 jui_pad_t20" id="abc" style="width: 100%;margin: 0 auto;">
				<jyf-parser :html="detail.content" ref="article"></jyf-parser>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: '',
				detail: ""
			}
		},
		onLoad(options) {
			this.id = options.id
			this.$api.getNoticeDetail({id:this.id}).then(res => {
				this.detail = res.data
			});
		},
	}
</script>

<style lang="scss" scoped>
	page,
	.body {
		background: #fff;
		width: 100%;
	}

	.content {
		padding: 30upx;
		color: #333;
		font-size: 30upx;
		border-top: 2upx solid #f3f3f3;
	}
</style>
